<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
        <div class="control-content app-control-form__content">
			<AppRow :layoutOpts="{selfLayout: 'TABLE_24COL',}">
				<AppCol
				    noRoot
				    :visible="store.detailModel.address.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="address"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="address"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="address"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.address.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="addressEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="address"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.address.disabled"
				                            :value="store.data.address"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.color.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="color"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="color"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="color"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.color.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="colorEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="color"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.color.disabled"
				                            :value="store.data.color"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.createdate.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="createdate"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="createdate"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.CREATEDATE', 'createdate')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.createdate.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="createdateEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppSpan
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            :dataType="5"
				                            v-bind="{ editorType: 'SPAN', }"
				                            deMajorField=""
				                            valueFormat="YYYY-MM-DD HH:mm:ss"
				                            editorType="SPAN"
				                            style=""
				                            name="createdate"
				                            noValueShowMode="STYLE1"
				                            :value="store.data.createdate"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.createman.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="createman"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="createman"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.CREATEMAN', 'createman')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.createman.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="createmanEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppSpan
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            codeListTag="common__SysOperator"
				                            codeListType="DYNAMIC"
				                            :dataType="25"
				                            v-bind="{ editorType: 'SPAN', }"
				                            deMajorField=""
				                            editorType="SPAN"
				                            style=""
				                            name="createman"
				                            noValueShowMode="STYLE1"
				                            :value="store.data.createman"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field02.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field02"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field02"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD02', 'field02')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field02.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field02Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTAREA_10', HEIGHT: 200 }"
				                            :isTextArea10="true"
				                            type="textarea"
				                            style="height: 200px"
				                            name="field02"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field02.disabled"
				                            :value="store.data.field02"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field01.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field01"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field01"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.IBIZSAMPLE0001.FIELD01', 'filed01')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field01.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field01Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field01"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field01.disabled"
				                            :value="store.data.field01"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field03.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field03"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field03"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD03', 'filed03')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field03.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field03Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTAREA_10', HEIGHT: 200 }"
				                            :isTextArea10="true"
				                            type="textarea"
				                            style="height: 200px"
				                            name="field03"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field03.disabled"
				                            :value="store.data.field03"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field04.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field04"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field04"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD04', 'filed04')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field04.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field04Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field04"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field04.disabled"
				                            :value="store.data.field04"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field05.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field05"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field05"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD05', 'filed05')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field05.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field05Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field05"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field05.disabled"
				                            :value="store.data.field05"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field06.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field06"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field06"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD06', 'filed06')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field06.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field06Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field06"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field06.disabled"
				                            :value="store.data.field06"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field08.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field08"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field08"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD08', 'filed08')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field08.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field08Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDatePicker
				                            v-bind="{ editorType: 'DATEPICKER', TIMEFMT: 'YYYY-MM-DD HH:mm:ss' }"
				                            format="YYYY-MM-DD HH:mm:ss"
				                            dateType="dateTime"
				                            name="field08"
				                            :disabled="store.detailModel.field08.disabled"
				                            :value="store.data.field08"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field09.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field09"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field09"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD09', 'filed09')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field09.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field09Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDatePicker
				                            v-bind="{ editorType: 'DATEPICKEREX_NOTIME', TIMEFMT: 'YYYY-MM-DD' }"
				                            format="YYYY-MM-DD"
				                            dateType="date"
				                            name="field09"
				                            :disabled="store.detailModel.field09.disabled"
				                            :value="store.data.field09"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field07.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field07"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field07"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD07', 'filed07')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field07.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field07Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field07"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field07.disabled"
				                            :value="store.data.field07"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field10.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field10"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field10"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD10', 'filed10')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field10.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field10Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDatePicker
				                            v-bind="{ editorType: 'DATEPICKEREX_NODAY', TIMEFMT: 'HH:mm:ss' }"
				                            format="HH:mm:ss"
				                            dateType="time"
				                            name="field10"
				                            :disabled="store.detailModel.field10.disabled"
				                            :value="store.data.field10"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field11.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field11"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field11"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD11', 'filed11')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field11.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field11Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDropdownList
				                            codeListTag="common__YesNo"
				                            codeListType="STATIC"
				                            v-bind="{ editorType: 'DROPDOWNLIST_100', }"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style="width:100px;"
				                            name="field11"
				                            :disabled="store.detailModel.field11.disabled"
				                            :value="store.data.field11"
				                            :data="store.data"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field12.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field12"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field12"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD12', 'filed12')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field12.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field12Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDropdownList
				                            v-bind="{ editorType: 'DROPDOWNLIST_100', }"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style="width:100px;"
				                            name="field12"
				                            :disabled="store.detailModel.field12.disabled"
				                            :value="store.data.field12"
				                            :data="store.data"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field13.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field13"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field13"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD13', 'filed13')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field13.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field13Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDropdownList
				                            codeListTag="common__SCODELIST_NUM"
				                            codeListType="STATIC"
				                            v-bind="{ editorType: 'DROPDOWNLIST', }"
				                            :multiple="false"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style=""
				                            name="field13"
				                            :disabled="store.detailModel.field13.disabled"
				                            :value="store.data.field13"
				                            :data="store.data"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field14.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field14"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field14"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD14', 'filed14')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field14.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field14Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDropdownList
				                            codeListTag="common__SCODELIST_TEXT"
				                            codeListType="STATIC"
				                            v-bind="{ editorType: 'DROPDOWNLIST', }"
				                            :multiple="false"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style=""
				                            name="field14"
				                            :disabled="store.detailModel.field14.disabled"
				                            :value="store.data.field14"
				                            :data="store.data"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field17.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field17"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field17"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD17', 'filed17')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field17.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field17Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field17"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field17.disabled"
				                            :value="store.data.field17"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field16.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field16"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field16"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD16', 'filed16')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field16.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field16Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppCheckboxList
				                            v-bind="{ editorType: 'CHECKBOXLIST', }"
				                            codeListTag="common__SCODELIST_TEXT"
				                            codeListType="STATIC"
				                            :codeItemValueNumber="false"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style=""
				                            name="field16"
				                            :disabled="store.detailModel.field16.disabled"
				                            :data="store.data"
				                            :value="store.data.field16"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field18.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field18"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field18"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD18', 'filed18')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field18.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field18Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field18"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field18.disabled"
				                            :value="store.data.field18"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field19.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field19"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field19"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD19', 'filed19')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field19.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field19Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field19"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field19.disabled"
				                            :value="store.data.field19"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field2.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field2"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field2"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="filed2"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field2.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field2Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field2"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field2.disabled"
				                            :value="store.data.field2"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field20.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field20"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field20"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD20', 'filed20')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field20.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field20Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDropdownList
				                            v-bind="{ editorType: 'DROPDOWNLIST', }"
				                            :multiple="false"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            style=""
				                            name="field20"
				                            :disabled="store.detailModel.field20.disabled"
				                            :value="store.data.field20"
				                            :data="store.data"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        /> 
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field21.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field21"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field21"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD21', 'filed21')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field21.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field21Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDatePicker
				                            v-bind="{ editorType: 'DATEPICKEREX_NOTIME', TIMEFMT: 'YYYY-MM-DD' }"
				                            format="YYYY-MM-DD"
				                            dateType="date"
				                            name="field21"
				                            :disabled="store.detailModel.field21.disabled"
				                            :value="store.data.field21"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field24.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field24"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field24"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD24', 'filed24')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field24.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field24Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field24"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field24.disabled"
				                            :value="store.data.field24"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field22.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field22"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field22"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD22', 'filed22')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field22.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field22Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="field22"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.field22.disabled"
				                            :value="store.data.field22"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.field27.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="field27"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="field27"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.FIELD27', 'filed27')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.field27.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="field27Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppSpan
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            codeListTag="common__WFStates"
				                            codeListType="STATIC"
				                            :dataType="25"
				                            v-bind="{ editorType: 'SPAN', }"
				                            deMajorField=""
				                            editorType="SPAN"
				                            style=""
				                            name="field27"
				                            noValueShowMode="STYLE1"
				                            :value="store.data.field27"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.ibizsample0001id.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="ibizsample0001id"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="ibizsample0001id"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.IBIZSAMPLE0001ID', 'entityid')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.ibizsample0001id.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="ibizsample0001idEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="ibizsample0001id"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.ibizsample0001id.disabled"
				                            :value="store.data.ibizsample0001id"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.ibizsample0001name.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="ibizsample0001name"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="ibizsample0001name"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.IBIZSAMPLE0001.IBIZSAMPLE0001NAME', 'entityname')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.ibizsample0001name.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="ibizsample0001nameEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="ibizsample0001name"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.ibizsample0001name.disabled"
				                            :value="store.data.ibizsample0001name"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.ibizsample0002name.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="ibizsample0002name"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="ibizsample0002name"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="02name"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.ibizsample0002name.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="ibizsample0002nameEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppDataPicker
				                            valueItem="ibizsample0002id"
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            deMajorField="ibizsample0002name"
				                            deKeyField="ibizsample0002id"
				                            pickUpView="IBIZSample0002PickupView"
				                            deCodeName="IBIZSAMPLE0002"
				                            :acParams="{ serviceName: 'IBIZSample0002', interfaceName: 'FetchDefault' }"
				                            v-bind="{ editorType: 'PICKER', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                            style=""
				                            name="ibizsample0002name"
				                            :disabled="store.detailModel.ibizsample0002name.disabled"
				                            :data="store.data"
				                            :value="store.data.ibizsample0002name"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.ip.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="ip"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="ip"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="ip"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.ip.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="ipEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="ip"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.ip.disabled"
				                            :value="store.data.ip"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.latitude.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="latitude"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="latitude"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="latitude"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.latitude.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="latitudeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="latitude"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.latitude.disabled"
				                            :value="store.data.latitude"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.longitude.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="longitude"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="longitude"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="longitude"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.longitude.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="longitudeEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="longitude"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.longitude.disabled"
				                            :value="store.data.longitude"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.updatedate.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="updatedate"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="updatedate"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.UPDATEDATE', 'updatedate')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.updatedate.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="updatedateEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppSpan
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            :dataType="5"
				                            v-bind="{ editorType: 'SPAN', }"
				                            deMajorField=""
				                            valueFormat="YYYY-MM-DD HH:mm:ss"
				                            editorType="SPAN"
				                            style=""
				                            name="updatedate"
				                            noValueShowMode="STYLE1"
				                            :value="store.data.updatedate"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.updateman.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="updateman"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="updateman"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.UPDATEMAN', 'updateman')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.updateman.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="updatemanEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppSpan
				                            :context="store.context"
				                            :viewParams="store.viewParams"
				                            codeListTag="common__SysOperator"
				                            codeListType="DYNAMIC"
				                            :dataType="25"
				                            v-bind="{ editorType: 'SPAN', }"
				                            deMajorField=""
				                            editorType="SPAN"
				                            style=""
				                            name="updateman"
				                            noValueShowMode="STYLE1"
				                            :value="store.data.updateman"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.formitem.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="formitem"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="formitem"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                label="picture"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.formitem.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="formitemEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
			</AppRow>
        </div>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './main-3-2-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>